<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>关于我们</title>
	<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400" rel="stylesheet" />
	<link href="css/templatemo-style.css" rel="stylesheet" />
	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
	<script src="js/jquery.min.js"></script>
</head>

<body>
	<div class="container">
		<div class="placeholder">
			<div class="parallax-window">
				<div class="tm-header">
					<div class="row tm-header-inner">
						<div class="col-md-6 col-12">
							<img src="img/logo.png" alt="Logo" class="tm-site-logo" />
							<div class="tm-site-text-box">
								<h1 class="tm-site-title">水里捞餐厅</h1>
								<h6 class="tm-site-description">创造欢乐火锅时光</h6>
							</div>
						</div>
						<nav class="col-md-6 col-12 tm-nav">
							<ul class="tm-nav-ul">
								<li class="tm-nav-li"><a href="index.html" class="tm-nav-link">主页</a></li>
								<li class="tm-nav-li"><a href="about.html" class="tm-nav-link active">关于我们</a></li>
								<li class="tm-nav-li"><a href="contact.html" class="tm-nav-link">水里捞会员</a></li>
							</ul>
						</nav>
					</div>
				</div>
			</div>
		</div>
		<!-- 开头图片 -->
		<div>
			<img style="width:1200px ;" src="img/gywm.jpg" alt="" class="col-12">
		</div>
		<!-- 视频 -->
		<div>
			<div id="shiping" class="col-12 vediodiv shipinxinwenBox" style="text-align: center;">
				<div class="col-12 vediodiv"><video muted webkit-playsinline="" playsinline="" x5-playsinline=""
						x-webkit-airplay="allow" autoplay="autoplay" loop="loop" x5-video-player-type="h5"
						x5-video-player-fullscreen="true" id="videoPlay0" width="100%">
						<source id="videoLi2video2"
							src="https://www.haidilao.com/zh/uiFramework/commonResource/zip/about_video/small.mp4"
							type="video/mp4"></video></div>
				<div class="col-12 VIDEO2 vediodiv" v-bind:class="{dontplay:isPlay==true}"
					v-bind:vedio="{dontplay:isPlay==true}">
					<em @click="closeVedio()"></em>
					<!--kong-->
					<video v-bind:muted="isMuted" webkit-playsinline="" playsinline="" x5-playsinline=""
						x-webkit-airplay="allow" controls="controls" x5-video-player-type="h5"
						x5-video-player-fullscreen="true" id="videoPlay" width="100%" height="98%">
						<source src="https://www.haidilao.com/zh/uiFramework/commonResource/zip/about_video/big.mp4"
							type="video/webm">
						<source id="videoLi2video"
							src="https://www.haidilao.com/zh/uiFramework/commonResource/zip/about_video/big.mp4"
							type="video/mp4"></video></div>
				<div class="col-12 sp_more vediodiv">
					<img class="col-12" @click=play()
						src="https://www.haidilao.com/zh/uiFramework/commonResource/image/2019101610393642386.png">
				</div>
			</div>
		</div>
		<main>
			<header class="row tm-welcome-section">
				<div>
					<h2 class="col-12 text-center tm-section-title"><i class="h2i"></i>企业文化</h2>
					<p class="col-12 text-center">
						水里捞始终秉承“服务至上、顾客至上”的理念，以创新为核心，改变传统的标准化、单一化的服务，提倡个性化的特色服务，将用心服务作为基本理念，致力于为顾客提供“贴心、温心、舒心”的服务；在管理上，倡导双手改变命运的价值观，为员工创建公平公正的工作环境，实施人性化和亲情化的管理模式，提升员工价值。
					</p>
				</div>

			</header>

			<div class="tm-container-inner tm-persons">
				<div class="row">
					<article>
						<figure class="tm-person">
							<img src="https://www.haidilao.com/english/2019/07/2019071911514913998.jpg" alt="Image"
								class="img-fluid" />
							<figcaption class="tm-person-description">
								<h4 class="abouth2">水里捞使命</h4>
								<p class="tm-person-about">通过精心挑选的产品和创新的服务，创造欢乐火锅时光，向世界各国美食爱好者传递健康火锅饮食文化。</p>
							</figcaption>
						</figure>
					</article>
					<article>
						<figure class="tm-person">
							<figcaption class="tm-person-description">
								<h4 class="abouth2">价值观</h4>
								<p class="tm-person-about">一个中心：双手改变命运</p>
								<p> 两个基本点：以顾客为中心，以“勤奋者”为本。</p>
							</figcaption>
							<img src="https://www.haidilao.com/english/2019/07/2019071911530632884.jpg" alt="Image"
								class="img-fluid" />
						</figure>
					</article>
					<article>
						<figure class="tm-person ">
							<img src="https://www.haidilao.com/english/2019/07/2019071911542350756.jpg" alt="Image"
								class="img-fluid tm-person-img" />
							<figcaption class="tm-person-description">
								<h4 class="abouth2">内涵</h4>
								<p class="tm-person-about">倡导平等，充分授权；</p>

								<p class="tm-person-about"> 学习进取，持续创新；</p>

								<p class="tm-person-about"> 自我批判，三思而行；</p>

								<p class="tm-person-about"> 诚实守信，敢于负责；</p>

								<p class="tm-person-about"> 与人为善，知恩图报；</p>

								<p class="tm-person-about"> 充满激情，团队合作。</p>
							</figcaption>
						</figure>
					</article>
					<article>
						<figure class="tm-person">
							<figcaption class="tm-person-description">
								<h4 class="abouth2">水里捞人品质</h4>
								<p class="tm-person-about">诚信、创新、谦虚、勤奋</p>
								<p class="tm-person-about"> 激情、与人为善、责任感</p>
							</figcaption>
							<img src="https://www.haidilao.com/english/2019/07/2019071911553164602.jpg" alt="Image"
								class="img-fluid img-1" />
						</figure>
					</article>
				</div>
			</div>
		</main>
		<script>
			var dapianv = new Vue({
				el: "#shiping",
				data: {
					isPlay: true,
					isMuted: false,
				},
				methods: {
					play: function () {
						flag = this.isPlay;
						if (flag) {
							this.isPlay = false;
						} else {
							this.isPlay = true;
						}
					},
					closeVedio: function () {
						this.isPlay = true;
						this.isMuted = true;
					}
				}
			});
			// console.log(dapianv)
		</script>
		<footer class="tm-footer text-center">
			<p>Copyright &copy; 2019.Just All rights reserved.</p>
		</footer>
	</div>
</body>

</html>